/**
 * @功能描述: 基础表单demo
 * @author: lzn
 * @date: 2022-09-28 10:03:12
 * @version: 1.0
 */
<script setup>

</script>

<template>
  <div class="yw-base-form">
    <div class="yw-form-item">
      <div class="yw-row">
        <div class="yw-col yw-col-4 yw-form-item-label">
          <label class="item-required" title="input" for="input">input</label>
        </div>
        <div class="yw-col yw-col-14 yw-form-item-control">
          <div class="form-item-content">
            <input class="yw-input status-error" id="input" />
          </div>
          <div class="error-message">错误提示 error message</div>
        </div>
      </div>
    </div>
    <div class="yw-form-item">
      <div class="yw-row">
        <div class="yw-col yw-col-4 yw-form-item-label">
          <label title="Select" for="select">Select</label>
        </div>
        <div class="yw-col yw-col-14 yw-form-item-control">
          <div class="form-item-content">
            <input class="yw-input" id="select" />
          </div>
        </div>
      </div>
    </div>
    <div class="yw-form-item">
      <div class="yw-row">
        <div class="yw-col yw-col-offset-4 yw-col-14 yw-form-item-control">
          <div class="form-item-content">
            <button class="yw-btn primary">
              <span>submit</span>
            </button>
            <button class="yw-btn">
              <span>reset</span>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped>
.yw-base-form {
  max-width: 600px;
}
button {
  margin-right: 10px;
}
.primary {
  color: #fff;
  background-color: #409EFF;
}
</style>